﻿@page "/components/daterangepicker"
@page "/components/MudDateRangePicker"

<DocsPage>
    <DocsPageHeader Title="Date Range Picker" Component="@nameof(MudDateRangePicker)" />
    <DocsPageContent>

        <DocsPageSection>
            <SectionHeader Title="Basic Usage" />
            <SectionContent Code="@nameof(DateRangePickerBasicUsageExample)" ShowCode="false">
                <DateRangePickerBasicUsageExample />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Editable" />
            <SectionContent Code="@nameof(DateRangePickerEditableExample)" ShowCode="false">
                <DateRangePickerEditableExample />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Custom Format" />
            <SectionContent Code="@nameof(DateRangePickerFormatExample)" ShowCode="false">
                <DateRangePickerFormatExample />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Min/Max Date" />
            <SectionContent Code="@nameof(DateRangePickerMinMaxDateExample)" ShowCode="false">
                <DateRangePickerMinMaxDateExample />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Action Buttons" />
            <SectionContent Code="@nameof(DateRangePickerActionButtonsExample)" ShowCode="false">
                <DateRangePickerActionButtonsExample />
            </SectionContent>
        </DocsPageSection>
    </DocsPageContent>
</DocsPage>
